<%-- 
    Document   : editcourse
    Created on : Jan 20, 2012, 1:52:55 PM
    Author     : Ketsaraporn
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<html:html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <link rel="stylesheet" href="css/epoch_styles.css" type="text/css"/>     
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/epoch_classes.js"></script>
        <script type="text/javascript">
            /*You can also place this code in a separate file and link to it like epoch_classes.js*/
            var bas_cal,dp_cal,ms_cal;      
            window.onload = function () {
                dp_cal  = new Epoch('epoch_popup','popup',document.getElementById('popup_container'));
            };
        </script>
        <title>เพิ่มรายวิชาที่เปิดสอน</title>
    </head>
    <body>
        <html:form action="/manageCourse.do?dispatch=doAddCourse">
            <div class="content">
                <table class="three" cellspacing="0">
                    <tr>
                        <th colspan="2">จัดการวิชาที่เปิดสอน</th>
                    </tr>
                    <tr>
                        <th colspan="2">- เลือกรายวิชา</th>
                    </tr>
                    <tr>
                    <tr>
                        <td colspan="2" ><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="20%">รหัสรายวิชา</td>
                                    <td width="25%"><html:text property="kwKeyWord" size="25"/></td>
                                    <td width="55%"><html:submit property="btnSearch" value="ค้นหา"/></td>                   
                                </tr>
                            </table></td>
                    </tr>     
                    <tr>
                        <td colspan="2"><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <logic:iterate id="list" name="manageCourseForm" property="subjectList" indexId="seq">
                                    <tr>
                                        <td width="20%"><strong>ผลการค้นหารายวิชา :</strong></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">รหัสรายวิชา :</td>
                                        <td><div align="left">${list.subId}</div></td>
                                    </tr>                                 
                                    <tr>
                                        <td width="20%">ชื่อรายวิชา (TH) :</td>
                                        <td><div align="left">${list.subNameThai}</div></td>
                                    </tr>                                
                                    <tr>
                                        <td width="20%">ชื่อรายวิชา (EN) :</td>
                                        <td><div align="left">${list.subNameEng}</div></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">หมู่เรียน :</td>
                                        <td><div align="left">${list.subCreditType}</div></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">จำนวนหน่วยกิต :</td>
                                        <td><div align="left">${list.subCredit}</div></td>
                                    </tr>
                                </logic:iterate>
                            </table></td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดช่วงวันที่สอน</th>
                    </tr>
                    <tr>
                        <td width="164">ภาคเรียน :</td>
                        <td width="610">  
                            <html:radio property="courseEntity.semId" value="ภาคเรียนที่ 1">ภาคเรียนที่ 1</html:radio> 
                            <html:radio property="courseEntity.semId" value="ภาคเรียนที่ 2">ภาคเรียนที่ 2</html:radio> 
                            <html:radio property="courseEntity.semId" value="ภาคเรียนที่ 3">ภาคเรียนที่ 3</html:radio> 
                            </td>
                        </tr>
                        <tr>
                            <td>ปีการศึกษา : ${manageCourseForm.courseEntity.semAcademicYear}</td>
                            <td><html:text property="courseEntity.semAcademicYear" size="20"/></td>
                    </tr>
                    <tr>
                        <td>วันที่เริ่มสอน :</td>
                        <td>
                            <form id="placeholder" method="get" action="#">
                                <input id="popup_container" type="text" />
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>วันที่สิ้นสุดการสอน :</td>
                        <td>
                            <form id="placeholder" method="get" action="#">
                                <input id="popup_container" type="text" />
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดวัน</th>
                    </tr>
                    <tr>
                        <td colspan="2"><table class="threemini" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td><html:checkbox property="courseEntity.couDayMon" value="on">วันจันทร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayTue" value="on">วันอังคาร</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayWed" value="on">วันพุธ</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayThu" value="on">วันพฤหัสบดี</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDayFri" value="on">วันศุกร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDaySat" value="on">วันเสาร์</html:checkbox></td>
                                    <td><html:checkbox property="courseEntity.couDaySun" value="on">วันอาทิตย์</html:checkbox></td>
                                    </tr>
                                </table></td>
                        </tr>
                        <tr>
                            <th colspan="2">- กำหนดช่วงเวลา</th>
                        </tr>
                        <tr>
                            <td>เวลาที่เริ่มสอน :</td>
                            <td>
                            <html:select property="courseEntity.couBeginTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select> 
                        </td>
                    </tr>
                    <tr>
                        <td>เวลาที่สิ้นสุดการสอน :</td>
                        <td>
                            <html:select property="courseEntity.couEndTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select> 
                        </td>
                    </tr>
                    <tr>
                        <td>จำนวนชั่วโมงการสอน :</td>
                        <td>
                            <html:select property="courseEntity.couDuration">
                                <html:option value="">เลือกจำนวนชั่วโมง</html:option>
                                <html:option value="30 นาที">30 นาที</html:option>
                                <html:option value="1 ชั่วโมง">1 ชั่วโมง</html:option>
                                <html:option value="2 ชั่วโมง">2 ชั่วโมง</html:option>
                                <html:option value="3 ชั่วโมง">3 ชั่วโมง</html:option>
                                <html:option value="4 ชั่วโมง">4 ชั่วโมง</html:option>
                                <html:option value="5 ชั่วโมง">5 ชั่วโมง</html:option>
                                <html:option value="6 ชั่วโมง">6 ชั่วโมง</html:option>
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดสถานที่</th>
                    </tr>
                    <tr>
                        <td>ห้องเรียน :</td>
                        <td>
                            <html:select property="courseEntity.locId">
                                <html:option value="กรุณาเลือก">กรุณาเลือก</html:option>
                                <html:optionsCollection property="locationList" label="locRoom" value="locId"/>
                            </html:select>                            
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">- กำหนดค่าสอน</th>
                    </tr>
                    <tr>
                        <td>ค่าสอนเหมาจ่ายต่อรายวิชา : ${manageCourseForm.courseEntity.couPricePerCourse}</td>
                        <td><html:text property="courseEntity.couPricePerCourse" size="25"/> บาท</td>
                    </tr>
                    <tr>
                        <th colspan="2">- อาจารย์ผู้สอน</th>
                    </tr>
                    <tr>
                        <td>อาจารย์ผู้สอน :</td>
                        <td><div id="linkbuttom"><a href="${pageContext.request.contextPath}/manageCourse.do?dispatch=doAddTeacher">เปลี่ยนแปลงรายการอาจารย์</a></div></td>                        
                    </tr>
                    <tr>
                        <td></td>
                        <td>${manageCourseForm.userEntity.useName}</td>                        
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div align="center">
                                <html:submit property="btnSave" value="บันทึก"/>
                                <html:reset property="btnReset" value="ยกเลิก"/>
                            </div>                          
                        </td>
                    </tr>
                </table>
            </div> 
        </html:form>
    </body>
</html:html>

